home
***
CD-ROM
|
disk
|
FTP
|
other
***
search
/
Windows News 2010 Summer - Disc 1
/
WN_Ete2010_CD1.iso
/
Onglet5
/
Weezo
/
Weezo setup.exe
/
{code_appDir}
/
www
/
themes
/
simple
/
theme-src.css
< prev
next >
Wrap
Cascading Style Sheet File
|
2010-05-19
|
20KB
|
348 lines
/**
* Simple Theme
*
* default theme CSS
*
* @category NA
* @package NA
* @author Nicolas Bruley / Peer 2 World <contact@weezo.net>
* @copyright 2005-2009 Nicolas Bruley / Peer 2 World
* @license http://www.php.net/license/3_0.txt PHP License 3.0
* @version CVS: $Id:$
* @link http://www.weezo.net
* @since File available since Release 1.0.0
*/
/* Common properties */
body{background:url('<?php echo $path;?>bodyBg.gif');font-family:Tahoma;font-weight:normal;color:#444;font-size:10px;text-align:left;cursor:default;margin:0px;padding:4px}
.vsFont{font-family:Tahoma; font-size:8px;}
.smallFont{font-family:Tahoma; font-size:10px;}
.normalFont{font-family:Tahoma; font-size:12px;}
.bigFont{font-family:Tahoma;font-size:14px; font-weight:bold;}
.warning{font-family:Tahoma; color:red; font-weight:bold;}
a{color:#444; text-decoration:underline}
a:active {border-color:transparent}
img{border:none;}
textarea {border:1px solid #DDD;font-family:Tahoma;font-weight:normal;color:#444;font-size:11px;}
input,select {font-family:Tahoma;font-weight:normal;color:#444;font-size:11px;vertical-align:middle}
.textInput, .fileInput, textarea{background:white url('/themes/common/input.gif') repeat-x; border:1px solid #6d9ede}
.ico {width:16px;height:16px;vertical-align:middle;}
/* login page */
/*.loginBody {background:#3aa4b4}*/
.loginBox, .loginBox .link {color:#1b6772}
/* popups body style */
.iframeBody{font-family:Tahoma;color:black;font-size:10px;background:#FFFFFF;margin:0px;padding:3px;text-align:left}
/**
* "Cascading Frames"
* HTML format
*
* <div class="Frame1">
* <div class="Frame1Header">Title 1</div>
* Content
* ...
* [
* <div class="Frame2">
* <div class="Frame2Header">Title 2 </div>
* Content
* ...
* [frame3]
* ...
* [<div class="Frame2Footer">Footer 2</div>]
* </div>
* ]
* ...
* [<div class="Frame2Footer">Footer 1</div>]
*</div>
*/
/* Frame 1 */
.frame1Header{color:#3076eb;font-size:12px;font-weight:bold;margin:-3px;margin-bottom:0.5em;padding-left:7px;padding-right:7px;background:#eff5ff; line-height:20px; height:27px; vertical-align:top;border-bottom:1px solid #aac6eb;cursor:default}
.frame1{font-size:10px; font-weight:normal; border:1px solid #6d9ede; background:white;padding:3px;margin-bottom:0px;text-align:left;position:relative;}
.frame1Footer{color:#3076eb;background:url('<?php echo $path;?>f1f.gif'); font-size:12px;margin:-0.5em;margin-top:0.5em;padding:0px;line-height:22px; border-top:1px solid #9ec5ff;padding-left:7px;padding-right:7px;}
.frame1Header a{color:#3076eb;}
/* Frame 2 */
.frame2Header, .popupHeader{background:#dae6fb; color:#3076eb; font-weight:normal;font-size:12px;margin:-4px;margin-bottom:7px;line-height:22px; height:22px;padding-left:5px;padding-right:5px;border-bottom:1px solid #DDD;cursor:default}
.frame2{font-size:11px;background:#F7F7FA;padding:5px;border:1px solid #CCC;margin-bottom:7px;margin-top:3px;position:relative;}
.frame2Footer{color:#72c201;font-size:10px;font-weight:bold;padding-left:0.5em;padding-right:0.5em;margin:-5px;margin-top:7px;line-height:24px; height:24px;}
/* Frame 3 */
.frame3Header{background:#FFF;font-size:11px; color:#56b300;margin-bottom:5px;margin-left:-2px;margin-right:-2px;line-height:18px;padding-left:4px;padding-right:4px;border-bottom:1px solid #F0F0F0;vertical-align:middle;cursor:default}
.frame3{font-size:11px; color:black;background:#FFF;border-top:1px solid #AAAADD;border-right:1px solid #8888AA;border-left:1px solid #AAAADD;border-bottom:1px solid #8888AA;padding-top:4px;padding-bottom:4px; padding-left:3px;padding-right:3px;margin-top:3px;margin-bottom:6px;position:relative;}
.frame3Footer{font-size:9px;font-weight:bold;color:#AAA;margin-left:-3px;margin-right:-3px;margin-top:3px;padding-left:3px;padding-right:3px;border-top:1px solid #AAAADD; line-height:22px}
/* Button (used everywhere...)
* Format : <a class="button|buttonDisabled"><i></i><b><img src="icon"/><span>text</span></b><u></u></a>
* Format : <a class="button|buttonDisabled"><i></i><b><span icon></span><span>text</span></b><u></u></a> (IE with PNG image)/
*/
.button{text-decoration:none; background:url('<?php echo $path;?>button.gif') 0px -800px repeat-x; color:black;
font-size:11px;
padding: 4px !important; padding: 3px;
margin-top: 1px; margin-bottom: 1px;
margin-left:3px; margin-right:3px;
border: 0px;
vertical-align: middle;
height: 0px;
line-height:26px !important; line-height:0px;page-break-inside: avoid
}
.button img{vertical-align:middle} /* Button icon */
.button span{vertical-align:middle}
.button .ieBtPng {cursor:pointer; width:16px; height:16px;}/* Button IE6 icon */
.button:hover{background-position: 0px 0px; border:1px solid #A0A0A0; padding:3px !important; padding:2px}
.button:active{background-position: 0px -80px; border:1px solid #888; padding:3px !important; padding:2px; color:black}
.frame1Header .button{color:#56b300; margin-top:3px;margin-bottom:3px}
.frame2Header .button{color:#56b300; margin-top:1px;margin-bottom:2px}
.frame3Header .button{color:#56b300;}
/* Disabled button */
.buttonDisabled{text-decoration:none; color:black;
font-size:11px;
padding: 4px !important; padding: 3px;
margin-top: 1px; margin-bottom: 1px;
margin-left:3px; margin-right:3px;
border: 0px solid blue;
vertical-align: middle;
height: 0px;
line-height:26px !important; line-height:0px;
filter:Alpha(opacity=40,style=0);opacity:0.40;cursor:default;page-break-inside: avoid
}
.buttonDisabled img{vertical-align:middle}
.buttonDisabled span{vertical-align:middle}
.buttonDisabled .ieBtPng {width:16px; height:16px;}
.buttonDisabled i{font-style:normal}
.buttonDisabled b{font-weight:normal}
.buttonDisabled u{text-decoration:none}
.frame1Header .buttonDisabled{margin-top:3px;margin-bottom:3px}
.frame2Header .buttonDisabled{color:white; margin-top:1px;margin-bottom:2px}
.frame3Header .buttonDisabled{color:white;}
.iframeBody .button:hover{color:#000}
/* Small button
* <a class="buttonSmall"><img></a>
*/
.buttonSmall{background:transparent;color:black;padding:0px;border:1px solid #EEF2FE;cursor:pointer;}
.buttonSmall:hover{background:url('<?php echo $path;?>button.gif');border:1px solid #bbb;}
.buttonSmall:active{background:url('<?php echo $path;?>button.gif');border:1px solid #000000;}
.buttonSmallDisabled{background:transparent;color:#909090;padding:0px;border:1px solid #EEF2FE;}
.frame1Header .buttonSmall{height:0px}
/* hyperlink */
.link {text-decoration:none}
.link:hover{text-decoration:underline}
/* multiline table mouse over effect
* used on <tr class="eTC"><td class="eTCLeft">...</td>...<td class="eTCRight">...</td></tr>
* and on <div class="eTC">...</div>
* Hover effect: javascript modification of eTC into eTCHover
*/
.eTC{color:#666;font-size:11px;cursor:pointer;padding:2px;border:1px solid}
.even{border-top:1px solid;border-bottom:1px solid;background:#EAEAFD} /* even lines opera/FF */
.eTC td{border-top:1px solid;border-bottom:1px solid;}*/
.eTCLeft{text-align:right}
.eTC .eTCLeft{border-left:1px solid transparent}
.eTC .eTCRight{border-right:1px solid transparent}
.eTC, .eTC td{border-color:transparent}
.eTCHover{color:#1657A9;font-size:11px;cursor:pointer;padding:2px; background:url('<?php echo $path;?>over.gif'); border:1px solid #CFBFDF;} /* mouse over effect */
.eTCHover td{border-top:1px solid #CFBFDF;border-bottom:1px solid #CFBFDF;}
.eTCHover .eTCLeft{border-left:1px solid #CFBFDF;}
.eTCHover .eTCRight{border-right:1px solid #CFBFDF;}
/* (eTC) title cell */
.mainCapt{color:#1657A9}
/* ToolTip */
.tooltipHeader{color:#3076eb;border-bottom:1px solid #6d9ede}
/* Help frame (pops-up when user clicks on help buttons) */
.helpFrame{border:1px solid #64654B; color:black; width:400px; min-height:140px;}
.helpFrame h1{font-size:12px;border-bottom:1px solid black; padding-left:22px; padding-bottom:7px; margin:0px}
/* popups frames (used for modal dialog boxes) */
.popup{padding-bottom:5px} /* popup outer div */
.popupHeader{margin:-1em;margin-bottom:0.3em;border-bottom:1px solid #aac6eb;padding:3px 0px 0px 10px} /* popup title div */
/* Progress bar
*
* <div|span class="progressOuter">
* <div class="progressInner" width="%"></div>
* <div class="progressTextO">
* <div class="progressText">CAPTION</div>
* </div>
* </div>
*/
.progressOuter{background:url('<?php echo $path;?>progressOuter.gif') repeat-x; border:1px solid #AAA;height:11px !important; height:13px;overflow:hidden} /* External progress bar */
span.progressOuter {background:url('<?php echo $path;?>progressOuterFailed.gif')} /* "Red" background */
.progressInner{background:url('<?php echo $path;?>progressInner.gif') repeat-x;height:13px;} /* "Green" bakground */
.progressTextO div{color:black;font-size:8px;font-weight:bold;top:-5px;line-height:18px} /* Inner text format */
/* Drop target (areas where draggable items can be dropped)
* Javascript hover: .dropTarget changed into .dropTargetOver
*/
.dropTarget{border:1px solid white}
.dropTargetOver{border:1px solid #ffbcd4; background:#fcdee9;}
.dropTargetOver .eTC{border:1px solid #fcdee9}
.eTC .dropTargetOver {margin:-1px}
.eTC .dropTarget {border:0px}
.eTCHover .dropTarget {border:0px}
/* Tabs (RSS Feeds) */
.frame1Header .tab, .frame1Header .tabSel {line-height:28px; height:20px}
.tabSel{position:relative; border:1px solid #aac6eb !important; border-bottom:0px !important; border-right-color:#8aa6cb !important; padding-left:0.5em; padding-right:0.5em; padding-top:4px; cursor:text;background:#FFF;color:#222 !important;text-decoration:none;margin-right:0.3em;
padding-bottom:8px !important; padding-bottom:5px;
margin-bottom:-5px !important; margin-bottom:-6px;}
.tab{position:relative; border:1px solid #CCC !important; border-right-color:#999 !important; border-bottom:0px !important; padding-left:0.5em; padding-right:0.5em; padding-top:4px; margin-right:-1px;cursor:pointer !important;background:#F3F3FA;color:#444 !important;text-decoration:none;margin-right:0.3em;
padding-bottom:7px !important;padding-bottom:4px;
margin-bottom:0px !important; margin-bottom:-5px;}
.tab:hover {background:url('/themes/simple/button.gif') repeat-x}
/* Frame Shadow effect (mainly used on Frame1, see metal theme for example of disabled shadow) */
/* IE */
.fsIEr{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/s/rFF.png', sizingMethod='crop');overflow:hidden}
.fsIEb{height:4px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/s/bIE.png', sizingMethod='crop')}
.fsIErb{width:4px; height:4px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/s/rb.png', sizingMethod='image');overflow:hidden}
.fsIEtrb{height:4px;overflow:hidden}
/* Opera */
.fsOr{background:url('/gfx/s/r.png') repeat-y;width:4px;overflow:hidden;height:100%}
.fsOb{width:100%; background:transparent url('/gfx/s/b.png') repeat-x;height:4px;overflow:hidden}
/* Gecko */
.fsGr{background: url('/gfx/s/rFF.png');width:4px;overflow:hidden}
.fsGb{background:url('/gfx/s/b.png');text-align:left;height:4px;overflow:hidden}
.fsGtrb{height:4px;overflow:hidden}
/* Shadow effect (used around photo frames) */
/* IE */
.sIEr{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/s/rFF.png', sizingMethod='crop');overflow:hidden}
.sIEb{height:4px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/s/bIE.png', sizingMethod='crop')}
.sIErb{width:4px; height:4px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/s/rb.png', sizingMethod='image');overflow:hidden}
.sIEtrb{height:4px;overflow:hidden}
/* Opera */
.sOr{background:url('/gfx/s/r.png') repeat-y;width:4px;overflow:hidden;height:100%}
.sOb{width:100%; background:url('/gfx/s/b.png') repeat-x;height:4px;overflow:hidden}
/* Gecko */
.sGr{background: url('/gfx/s/rFF.png');width:4px;overflow:hidden}
.sGb{background:url('/gfx/s/b.png');text-align:left}
.sGtrb{height:4px;overflow:hidden}
/*
*Windows
*/
.win,.winNR {background:white;border:1px solid #869dbb} /* Window (applied to outer div)*/
.winNR {border-color:#a6bddb} /* Not resizable window (applied to outer div) */
.winInactive {background:#F7F7FA} /* Inactive Window (applied to outer div) */
.winActive {} /* Active Window (applied to outer div) */
.winC {background:#EEE; border:1px solid #a6bddb} /* Window center part, surrounding content iframe */
.winTH {height:26px;background:url('<?php echo $path;?>winT.gif')} /* Window top part height */
.winTL {width:5px;cursor:nw-resize;} /* top left corner */
.winT {} /* Window whole top part */
.winTT {height:5px; cursor:n-resize;} /* Window top resize handle */
.winTR {cursor:ne-resize;width:5px;} /* top right corner */
.winL {width:5px; cursor:w-resize; padding:-1px} /* Window left border */
.winR {width:5px; cursor:e-resize} /* Window right border */
.winBL {height:5px; cursor:sw-resize;} /* Window bottom-left corner */
.winBR {height:5px; cursor:se-resize;} /* Window bottom-right corner */
.winB {cursor:s-resize;border-top:1px solid #a6bddb;} /* Window bottom border */
.winCapt {position:absolute; top:5px; left:29px; font-size:12px; font-weight:bold; color:#999;cursor: move} /* Window caption */
.winIF{background:#F8F8F8}
.winClose {position:absolute; top:2px; right:6px; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif');} /* close button */
.winCloseD {position:absolute; top:2px; right:6px; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif');filter:Alpha(opacity=20, style=0); opacity:0.20;} /* disabled close button */
.winReload {position:absolute; top:2px; right:110px; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif') 0px -69px;display:block;} /* reload button */
.winReloading {position:absolute; top:2px; right:110px; width:21px; height:21px; background:url('<?php echo $path;?>winReloading.gif');display:block;} /* reload button */
.winReloadD {position:absolute; top:2px; right:110px; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif') 0px -69px;filter:Alpha(opacity=20, style=0); opacity:0.20;} /* disabled reload button */
.winMax {position:absolute; top:2px; right:30px; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif') 0px -23px;} /* maximize button */
.winRestore {position:absolute; top:2px; right:30px; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif') 0px -46px;} /* restore button */
.winToggleD {display:none} /* Window toggle fullscreen / normal disabled button */
.winTNW {position:absolute; top:2px; right:54px; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif') 0px -115px;} /* tnw button */
.winTNWD {display:none} /* maximize button */
.winMin {position:absolute; top:2px; right:78px; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif') 0px -92px;} /* maximize button */
.winIcon {position:absolute; top:4px; left:6px; width:18px; height:18px;} /* Window top-left icon */
.winMask {position:absolute; top:31;left:5;background-color:blue; filter:Alpha(opacity=01, style=0); opacity:0.01;} /* Window IFrame mask (do not modify) */
.winExtra{position:absolute; top:0px; right:142px;text-decoration:none;white-space:nowrap} /* Extra controls nested into win top bar */
/*.winARI{}*/
/*
* Desktop icons
*/
.icon {background:url('<?php echo $path;?>iconBg.png') -100px 0px no-repeat}
.icon:active {border:1px solid #7B8296;filter:Alpha(opacity=50, style=0)}
/*
* Task bar Button
*/
.bt {line-height:18px;font-size:11px;color:black;}
.bt s {height:18px;color:black;font-size:12px;vertical-align:top}
.bt i {width:4px;left:-4px;}
.bt div {padding-left:4px;padding-right:4px; padding-top:1px; padding-bottom:1px; background:url('<?php echo $path;?>button.gif') 0px -800px no-repeat}
.bt u {width:4px;right:-2px;}
.bt img {top:0px !important;top:1px}
/* Up & enabled button */
.bt .a{}
.bt .up:hover div {background-position: 0px 0px; background-repeat:repeat-x; border:1px solid #f2942c;padding-left:3px;padding-right:3px; padding-top:0px; padding-bottom:0px; }
.bt .up:active div {background-position: 0px -80px; background-repeat:repeat-x; border:1px solid #f18f23;padding-left:3px;padding-right:3px; padding-top:0px;padding-bottom:0px;}
.bt .up:active s {}
.bt .up a:active img{filter:Alpha(opacity=50,style=0); opacity:0.50}
/* Disabled button */
.bt .off div{ opacity:0.80}
.bt .off img{filter:Alpha(opacity=50,style=0); opacity:0.50}
.bt .off s {filter:Alpha(opacity=50,style=0)}
/* Pressed button */
.bt .on div {background-position: 0px -80px; background-repeat:repeat-x; border:1px solid #f18f23;padding-left:3px;padding-right:3px; padding-top:0px;padding-bottom:0px;}
/* Misc button fixes */
.frame1Header .bt s{color:white; margin-top:3px;margin-bottom:3px}
.frame3Header .bt s{color:white;}
.frame1Footer .bt s{color:white;}
.frame2Footer .bt s{color:white;}
.frame3Footer .bt s{color:white;}
.iframeBody .bt s:hover{color:#000}
/*
* main frame
*/
.mainFrameBody {padding:0;margin:0;background:#f2f6fe url('<?php echo $path;?>bg.png') no-repeat}
/* menu () */
.menu {position:absolute;width:300px;bottom:0;left:3px;width:200px;display:none;z-index:99999;} /* Menu upper div */
.menuInnerDiv{width:300px;background:#FFF;border:1px solid #063093;text-align:left}
.menuLeft {background:url('<?php echo $path;?>menuLeft.gif') repeat-y;height:100%;padding:3px;padding-bottom:10px; text-align:center;color:white;vertical-align:bottom;font-size:12px;font-weight:bold;font-family:tahoma;color:#444;width:23px}
.menuRight{padding-left:10px;padding-bottom:10px;padding-top:-5px}
.menuRight .eTC{border:1px solid white;background:white}
.menuGroup{background:#dae6fb;font-size:12px;font-weight:bold;color:#3076eb;margin-top:5px;margin-bottom:2px;margin-left:-8px;padding:2px;padding-left:8px; cursor:pointer;border:1px solid #CCC} /* Resource group caption/delimitor */
.menuLarge, .menuLargeHover{font-size:13px;height:24px;width:233px;cursor:pointer;width:50% !important;width:54%;padding-left:6px;padding-top:3px;}
.menuLarge img, .menuLargeHover img {height:20px; width:20px; vertical-align:middle; margin-right:0.5em}
/* menu frame */
.menuFrameBody{font-family:Tahoma; font-size:10px;padding:0px;margin:0px; background: #d9f6af; color:#3076eb;cursor:default;border-top:1px solid #56b300}
#winOpenedOuter .bt {padding-top:2px}
.menuFrameBody .bt {}
.menuFrameBody .bt s {font-weight:bold}
.menuFrameBody .bt div {padding-left:3px;padding-right:3px; padding-top:0px; padding-bottom:0px; border:1px solid #7ed200;background:#c9ef92}
.menuFrameBody .bt .up:active div, .menuFrameBody .bt .on div {padding-left:3px;padding-right:3px; padding-top:0px; padding-bottom:0px; border:1px solid #56b300; background:#b4eb65}
.menuFrameBody .bt .up:hover div {padding-left:3px;padding-right:3px; padding-top:0px; padding-bottom:0px; border:1px solid #9ef200; background:#dff7bc}
.menuFrameBody .bt .on div, .menuFrameBody .bt .on s {cursor:pointer}
#winMenuBtTd {padding-top:0px !important;padding-top:2px}
#winOpened {position:relative;top:-2px !important;top:0px}
#timeDiv{font-weight:bold;padding-left:5px;padding-right:5px;font-size:10px;color:#4ea101;position:relative;top:2px;padding-top:0px}
/* Tree View */
.treeView a:hover{color:#1657A9;background:url('<?php echo $path;?>over.gif'); border:1px solid #CFBFDF}
.treeView .selected{color:#1657A9;background:url('<?php echo $path;?>over.gif'); border:1px solid #CFBFDF}
.treeView .selected:hover{border-color:#CFBFDF}
/* Image slideshow */
.imageView{background:#E9EDF9;border:1px solid #DDE}
/* Remote administration user block */
.adminUser{background:#F2F8FF}